Largest Contentの調べ方
特定のサイトの特定のページの
Largest Content
を確認する
いくつか方法がある
Performance Insightsパネル
を見る
いまのところこれが一番見やすいと思う
mrsekut.icon
Lighthouse
を使って計測し、Peformanceの項目を見る
例えばYouTubeのmobile表示
https://gyazo.com/7c3497c0a848aabf9fc11cabba3108e4
この画像の下部にある「Largest Contentful Paint element」が
Largest Content
Largest Contentful Paint(LCP)
を改善するには、この要素が速く出るようにする
Performanceパネル
を見る
普通にrecordingしたら表示される
https://web.dev/optimize-lcp/#-10
Largest Contentful Paint (LCP)
#WIP
Largest Contentful Paint API
GoogleChrome/web-vitals
https://github.com/GoogleChrome/web-vitals
#??
https://gyazo.com/aaf3568a91cb1b3870e9e557cdebe9b3 https://web.dev/lcp/#examples
こういう
検証したいんだが、どうやって見れるんだ？
Performanceパネル
でもなんとなくはわかるが
mrsekut.icon